<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
    <head>
        <meta charset="utf-8"></meta>
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1"></meta>
        <meta name="description" content="Metro UI CSS"/>
        <meta name="author" content="Sergey Pimenov"/>
        <meta name="keywords" content="windows 8, modern style, Metro UI, style, modern, css, framework"/>

        <link href="css/modern.css" rel="stylesheet"/>
        <link href="css/modern-responsive.css" rel="stylesheet"/>
        <link href="css/site.css" rel="stylesheet" type="text/css"/>
        <link href="js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css"/>

        <script type="text/javascript" src="js/assets/jquery-1.9.0.min.js"></script>
        <script type="text/javascript" src="js/assets/jquery.mousewheel.min.js"></script>
        <script type="text/javascript" src="js/assets/moment.js"></script>
        <script type="text/javascript" src="js/assets/moment_langs.js"></script>

        <script type="text/javascript" src="js/modern/dropdown.js"></script>
        <script type="text/javascript" src="js/modern/accordion.js"></script>
        <script type="text/javascript" src="js/modern/buttonset.js"></script>
        <script type="text/javascript" src="js/modern/carousel.js"></script>
        <script type="text/javascript" src="js/modern/input-control.js"></script>
        <script type="text/javascript" src="js/modern/pagecontrol.js"></script>
        <script type="text/javascript" src="js/modern/rating.js"></script>
        <script type="text/javascript" src="js/modern/slider.js"></script>
        <script type="text/javascript" src="js/modern/tile-slider.js"></script>
        <script type="text/javascript" src="js/modern/tile-drag.js"></script>
        <script type="text/javascript" src="js/modern/calendar.js"></script>

        <!--- Full Calendar header files ---------------------------------------->
        <link rel='stylesheet' href='fullcal/theme/jquery-ui-1.10.3.custom.min.css' />
        <link href='fullcal/fullcalendar.css' rel='stylesheet'/>
        <link href='fullcal/fullcalendar.print.css' rel='stylesheet' media='print'/>
        <script src='fullcal/lib/jquery.min.js'></script>
        <script src='fullcal/lib/jquery-ui.custom.min.js'></script>
        <script src='fullcal/fullcalendar.min.js'></script>

    --    <script>
$(document).ready(function() {
	
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		var calendar = $('#calendar').fullCalendar({
                        theme: true,
                        weekMode: 'variable',
                        handleWindowResize: true,
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			selectable: true,
			selectHelper: true,
            select: function(start, end, allDay) {
				var title = prompt('Event Title:');
                                var sDate = prompt('Start Date:');
                                alert(title);
				if (title) {
					calendar.fullCalendar('renderEvent',
						{
							title: title,
							start: start,
							end: end,
							allDay: allDay
						},
						true // make the event "stick"
					);
				}
				calendar.fullCalendar('unselect');
			},
			editable: true,
			events: [
				{
					title: 'It is Tuesday Event',
					start: new Date(y, m, 1)
				},
				{
					title: 'Long Event',
					start: new Date(y, m, d-5),
					end: new Date(y, m, d-2)
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false
				},
				{
					id: 999,
					title: 'Repeating Event',
					start: new Date(y, m, d+4, 16, 0),
					allDay: false
				},
				{
					title: 'Meeting',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					title: 'Lunch',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false
				},
				{
					title: 'Birthday Party',
					start: new Date(y, m, d+1, 19, 0),
					end: new Date(y, m, d+1, 22, 30),
					allDay: false
				},
				{
					title: 'Click for Google',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					url: 'http://google.com/'
				}
			]
		});
		
	});  
        </script>    -->
<!--
<script type="text/javascript">

        $(document).ready(function() {
        
                var date = new Date();
                var d = date.getDate();
                var m = date.getMonth();
                var y = date.getFullYear();
                
                /* 
                        TODO:
                        ====
                        - Make past appointments uneditable, undraggable, unmovable
                        - Make the events multicolored
                        - Make the events editable
                        - Add events via modal dialog
                */
                
                $("#calendar").fullCalendar({
                        defaultView: "agendaWeek",
                        weekends: false,
                        minTime: 8,
                        maxTime: 21,
                        height: 620,
                        header: {
                                left: "prev,next today",
                                center: "title",
                                right: "month,agendaWeek,agendaDay"
                        },
                        editable: true,
                        events: "/appointments",
                        allDaySlot: false,
                        allDayDefault: false,
                        dayClick: function(dayDate, allDay, jsEvent, view){
                                if (view.name != "month"){
                                        // Reset the form                       
                                        // Set the start date for the new event
                                        $("#appointment-startsAt").val(dayDate);
                                        // Reveal the dialog
                                        $("#event-form").dialog("open");
                                }
                        },
                        eventClick: function(calEvent, jsEvent, view) {
                                // Set the data into the form

                                // Change the form action URL to an update URL
                                
                                // Reveal the dialog
                                $("#event-form").dialog("open");                        
                        },
                        eventDrop: function(calEvent, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) {
                                // update the event with the new data
                        },
                        eventResize: function(calEvent, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view) {
                                // update the event with the new data
                        },
                        
                });
                
                // Setup the dialog
                $("#event-form").dialog({
                        title: "New appointment", autoOpen: false, resizable: false, width: 480, height: 350, modal: true
                });
                
                // Setup autocomplete for patients
                $("#appointment-patient").autocomplete("/patients/search");
                
                // Assigned the selected patient
                $("#appointment-patient").result(function(event, data, formatted) {
                        $("#appointment-patientId").val(data[1]);
                });
                
                // Limit the notes
                $('#appointment-notes').limit('255');           
        });
        
        function onSubmitSuccess(data, textStatus){
                $("#calendar").fullCalendar("refetchEvents");
                $("#event-form").dialog("close");       
        }
        
        function onSubmitError(XMLHttpRequest, textStatus, errorThrown){
                alert("Oops, an error occured. Please verify your data and try again");
        }       
        
</script> -->


        <title>Study Planner</title>
    </head>
    <body class="metrouicss" onload="prettyPrint()">

        <?php include("navigation.php") ?>
